<template>
  <div>
    <!-- 导航 -->
    <myNav :title="title" @click="$router.go(-1)" />
    <!-- 列表 -->
    <MyList :list="manageList"></MyList>
  </div>
</template>

<script>
import { userManageAPI } from "@/api";
import MyList from "@/components/myList";
import myNav from "@/components/myNav.vue";
export default {
  components: {
    MyList,
    myNav,
  },
  data() {
    return {
      manageList: [],
      title: "房屋管理",
    };
  },
  mounted() {
    this.getManageList();
  },
  methods: {
    async getManageList() {
      try {
        const res = await userManageAPI();
        // console.log(res);
        this.manageList = res.data.body;
      } catch (error) {
        console.log(error);
      }
    },
  },
};
</script>

<style scoped lang="less">
:deep(.van-nav-bar .van-icon) {
  color: #fff;
  font-size: 18px;
}
:deep(.van-nav-bar__title) {
  color: #fff;
  font-size: 18px;
}
</style>
